﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Celestial Home - Extracting every detail of your dream</title>
    <link rel="Stylesheet" type="text/css" href="css/master.css" />
    <link rel="Stylesheet" type="text/css" href="css/forms.css" />
    <link rel="Stylesheet" type="text/css" href="css/manager.css" />

    <script type="text/javascript" src="javascripts/helpers.js"></script>
    <script type="text/javascript" src="javascripts/login.js"></script>
    <script type="text/javascript"> window.onload = checkLogin;</script>
</head>
<body>

<script type="text/javascript" src="javascripts/helpers.js"></script>
<script type="text/javascript" src="javascripts/login.js"></script>
<script type="text/javascript" src="javascripts/employees.js"></script>

<div id="divTitle">
    <div id="divCustMenu">
        <img src="images/user.png" alt="user" /><a id="aLogin" href="login.html">Login</a> |
        <img src="images/profile.png" alt="profile" /><a id="aProfile" href="particulars.html">My Profile</a> |
        <img src="images/cart.png" alt="cart" /><a href="construct.html">My Cart</a> | 
        <img src="images/checkout.png" alt="checkout" /><a href="construct.html">Checkout</a>
    </div><!--ends divCustmenu-->
    <div id="divWelcome"></div>
</div><!--ends divTitle-->

<!-- Navigation Bar - common for all pages -->
<div id="divNavBar">
    <ul id="ulNavBar">
        <li><img src="images/home.png" alt="home"/><a href="index.html"> Home</a></li>
        <li><img src="images/briefcase.png" alt="home"/><a href="about.html"> About Us</a></li>
        <li><img src="images/chair.png" alt="home"/><a href="construct.html"> Products</a>
            <ul>
                <li><a href="construct.html">Bed Room</a>
                    <ul>
                        <li><a href="construct.html">Beds</a></li>
                        <li><a href="construct.html">Wardrobes</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Dining Room</a>
                    <ul>
                        <li><a href="construct.html">Chairs</a></li>
                        <li><a href="construct.html">Dining Tables</a></li>
                        <li><a href="construct.html">Dining Table Sets</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Living Room</a>
                    <ul>
                        <li><a href="construct.html">Coffee Tables</a></li>
                        <li><a href="construct.html">Sofa</a></li>
                        <li><a href="construct.html">Sofa Sets</a></li>
                        <li><a href="construct.html">TV Cabinets</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Study Room</a>
                    <ul>
                        <li><a href="construct.html">Desks</a></li>
                        <li><a href="construct.html">Book Shelves</a></li>
                    </ul>
                </li>
            </ul>
        </li> <!--ends Products menu-->
        <li><img src="images/design.png" alt="home"/><a href="construct.html"> Design</a>
            <ul>
                <li><a href="construct.html">Wardrobe</a></li>
                <li><a href="construct.html">Home Theatre</a></li>
            </ul>
        </li> <!--ends design menu-->
        <li><img src="images/earth.png" alt="home"/><a href="construct.html"> Support</a>
            <ul>
                <li ><a href="contact.html">Contact Us</a></li>
                <li><a href="construct.html">Track Your Order</a></li>
            </ul>
        </li> <!--ends support menu-->
    </ul>  <!--ends navigation menu-->
</div> <!--ends navigation division--> 

<div id="divSecondNav">
    <ul>
        <li><a href="employees.html">Customers</a></li>
        <li><a href="employees.html">Products</a></li>
        <li><a href="employees.html">Orders</a></li>
        <li><a href="employees.html" class="aUnderline">Employees</a></li>
    </ul>
</div> <!-- ends divManagerNav-->

<div class="divFormsWrap">

<form id="frmSearch" action="#">
    <fieldset id="fsetSearch">
        <p class="pLegend">Search Employees</p>
        <label>Search For:</label><input class="ipBoxes" type="text" /><br />
        <label>Search Field:</label>
        <select name="cbSearchBy" class="ipBoxes">
            <option>Employee ID</option>
            <option>First Name only</option>
            <option>Last Name only</option>
            <option>First Name and Last Name</option>
            <option>Contact</option>
            <option>Email</option>
            <option>All Fields</option>
            </select>
        <input type="button" class="ipInline" value="Search" name="btnSearch" onclick="searchEmployees()" />
        <br /><br />
        <a>Search Results</a> | <a>Added Today</a><br /><br />

        <!--build table here-->
        <table id="tblEmployees" frame="below">
            <thead id="thdResults" class="trHeader"></thead>
            <tbody id="tbdResults"></tbody>
        </table>
        <br />
    </fieldset>
</form>
<form id="frmCustDetails" action="#">
    <fieldset id="fsetEmployeeDetails">
        <p class="pLegend">Employee Details</p>
        <label>Employee ID:</label>
        <input type="text" disabled="disabled"/>
        <br />
        <label>Employed On:</label>
        <input type="text" /> <a>Select date</a>
        <br />
        <label>Password:</label><input type="password" class="ipPassword" disabled="disabled"/> <a>Change</a>
        <br /><br />
        <label>First Name:</label><input type="text" />
        <br />   
        <label>Last Name:</label><input type="text" />
        <br />
        <label>DOB:</label>
        <input type="text" /> <a>Select date</a>
        <br />
        <label>Contact:</label>
        <input type="text" />
        <br />
        <label>Email:</label>
        <input type="text" class="ipLong"/>
        <br />
        <label>Address Line 1:</label>
        <input type="text" class="ipLong"/>
        <br />
        <label>Address Line 2:</label>
        <input type="text" class="ipLong"/>
        <br />
        <label>Postal Code:</label><input type="text" />
        <br /><br />
        <input type="submit" value="Save"/>
        <input class="ipInline" type="submit" value="Add" />
        <input class="ipInline" type="reset" value="Reset" />
    </fieldset>
</form>
</div> <!--ends divFormWraps -->

<div id="divFooter">
    <div id="divFooterLeft">&#169 Copyright 2010 Celestial Home</div>
    <div id="divFooterRight"> Site Design by <a href="#" id="aDreamArchitect"><img src="images/dream.png" alt="Dream Architect"/></a></div>
    <div id="divFooterCenter"><img src="images/visa.gif" alt=""/><img src="images/paypal.png" alt="" /></div>
</div><!--ends divFooter-->


</body>
</html>
